{% extends 'base.html' %}
{% block content-header-big %}游戏服列表{% endblock %}
{% block content-header-small %}游戏服详细列表{% endblock %}
{% block content %}
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-2">
                <div class="box" >
                    <div class="box-header">
                        <h3 class="box-title ">游戏组</h3>
                    </div>
                    <div class="box-body table-responsive no-padding">
                        <div class="table table-hover">
                            <tr>
                                {% for g in request.user.userprofile.game.select_related %}
                                    {% ifequal g.id selected_c_id %}
                                    <td><a class="list-group-item active" href="{% url 'game-list' %}?selected_cluster={{ g.id }}">{{ g.name }}[{{ g.games.count}}]</a></td>
                                    {% else %}
                                    <td><a class="list-group-item" href="{% url 'game-list' %}?selected_cluster={{ g.id }}">{{ g.name }}[{{ g. }}]</a></td>
                                    {% endifequal %}
                                {% endfor %}
                            </tr>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-10">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title">游戏服列表</h3>
                        <div class="box-tools">
                            <div class="input-group input-group-sm" style="width: 150px;">
                                <input type="text" name="table_search" class="form-control pull-right" placeholder="搜索">
                                <div class="input-group-btn">
                                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
            <!-- /.box-header -->
                    <div class="box-body table-responsive no-padding">
                        <table class="table table-hover">
                            <tr>
                                <th>ID</th>
                                <th>游戏服名</th>
                                <th>备注名</th>
                                <th>SID</th>
                                <th>服务器IP</th>
                                <th>服务器域名</th>
                                <th>游戏服端口</th>
                                <th>CDN域名</th>
                                <th>CDN客户端目录名</th>
                                <th>类型</th>
                                <th>状态</th>
                                <th>登陆</th>
                            </tr>
                            {% for game in game_list %}
                                    <tr>
                                        <td>{{ game.id }}</td>
                                        <td>{{ game.name }}</td>
                                        <td>{{ game.name_remark }}</td>
                                        <td>{{ game.sid }}</td>
                                        <td>{{ game.server_ip }}</td>
                                        <td>{{ game.server_domain }}</td>
                                        <td>{{ game.game_sport }}</td>
                                        <td>{{ game.res_domain }}</td>
                                        <td>{{ game.client_dir }}</td>
                                        <td>{{ game.type }}</td>
                                        <td>{{ game.status }}</td>
                                        <td>login</td>
                                    </tr>
                                    {% endfor %}
                        </table>
                    </div>
            <!-- /.box-body -->
                </div>
          <!-- /.box -->
            </div>
        </div>
    </div>
{% endblock %}